<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
				xmlns:ui="http://java.sun.com/jsf/facelets"
				xmlns:h="http://java.sun.com/jsf/html"  
				xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:p="http://primefaces.org/ui"
				lang="pt" 
				template="/common/decorators/arearestrita/template.xhtml">
  
	<ui:define name="body"> 	 
		<h1 class="ui-widget-header" style="margin-left: 10px"><span>Cadastro de Usuários</span></h1>
		<h:form id="usuarioForm" prependId="false">  
            <p:panel header="Filtros para a pesquisa" styleClass="painelComum" style="width: 700px">  
				<h:panelGrid columns="2">  
					<h:outputText value="Nome:" styleClass="labelClass"/>
					<p:inputText value="#{usuarioBean.nome}"   />
					
					<h:outputText value="CPF:" styleClass="labelClass"/>
					<p:inputText value="#{usuarioBean.cpf}"   /> 
					
					<h:outputText value="Login:" styleClass="labelClass"/>
					<p:inputText value="#{usuarioBean.login}"   /> 
					
					<h:outputText value="Email" styleClass="labelClass"/>
					<p:inputText value="#{usuarioBean.email}"   /> 
					
					<h:outputText value="Perfil:" styleClass="labelClass"/> 
					<h:selectOneMenu value="#{usuarioBean.perfil}" styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all">
						<f:selectItems value="#{usuarioBean.perfis}" /> 
					</h:selectOneMenu>    
					
					<p:commandButton value="Pesquisar"  action="#{usuarioBean.find}" update="listUsuarios" /> 
				</h:panelGrid> 
            </p:panel>
            
            <p:panel header="Resultado da pesquisa" styleClass="painelComum" style="width: 700px">  
				<p:dataTable id="listUsuarios"  
							 value="#{usuarioBean.listUsuario}" 
							 var="usuario" 
							 width="100%"
                             paginator="true" 
                             paginatorPosition="bottom"
                             rows="10"    >
                    
                   	<p:column><f:facet name="header">Nome</f:facet>#{usuario.nome}</p:column> 
                   	<p:column><f:facet name="header">CPF</f:facet>#{usuario.cpf}</p:column> 
                   	<p:column><f:facet name="header">Email</f:facet>#{usuario.email}</p:column> 
                   	<p:column><f:facet name="header">Perfil</f:facet>#{usuario.perfil}</p:column> 
                    
                   	<p:column>
						<f:facet name="header">Status</f:facet> 
						<h:outputText value="Ativo"  rendered="#{usuario.status}"/>  
						<h:outputText value="Inativo"  rendered="#{!usuario.status}"/> 
					</p:column> 
					 
                   	<p:column> 
						<p:commandLink action="#{usuarioBean.alterStatus}" update="listUsuarios"> 
							<h:graphicImage value="/common/images/remover-icon.png" style="border:0px;" rendered="#{usuario.status}"/>
							<h:graphicImage value="/common/images/ativo_16x16.png" style="border:0px;" rendered="#{!usuario.status}"/>
							<f:setPropertyActionListener value="#{usuario}" target="#{usuarioBean.usuario}" />
						</p:commandLink> 
						<p:commandLink title="Editar" update="mpUsuarioForm" oncomplete="mpUsuario.show();">  
							<f:setPropertyActionListener value="#{usuario}" target="#{usuarioBean.usuario}" /> 
							<h:graphicImage value="/common/images/alter_16x16.png" style="border:0px;"/>
						</p:commandLink>  
					</p:column> 	
				</p:dataTable> 
				<p:commandButton value="Novo Usuario"    
				                 update="mpUsuarioForm"
				                 styleClass="buttonClass"  
				                 oncomplete="mpUsuario.show();"> 
						<f:setPropertyActionListener value="#{null}" target="#{usuarioBean.usuario}" /> 
				</p:commandButton>                   
            </p:panel>     
            
		</h:form> 
		<p:dialog header="Usuario" autosized="true" modal="true" widgetVar="mpUsuario" width="600" showEffect="explode" hideEffect="explode"> 
			<h:form id="mpUsuarioForm"> 
				<p:panel>
					<h:panelGrid columns="2">  
						<h:outputText value="Nome:" styleClass="labelClass"/>
						<p:inputText value="#{usuarioBean.usuario.nome}"   size="60"/>
						
						<h:outputText value="CPF:" styleClass="labelClass"/>
						<p:inputText value="#{usuarioBean.usuario.cpf}"   /> 
						
						<h:outputText value="Login:" styleClass="labelClass"/>
						<p:inputText value="#{usuarioBean.usuario.login}"   /> 
						
						<h:outputText value="Senha:" styleClass="labelClass"/>
						<h:inputSecret value="#{usuarioBean.usuario.senha}"  styleClass="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /> 
						
						<h:outputText value="Email" styleClass="labelClass"/>
						<p:inputText value="#{usuarioBean.usuario.email}"   size="60" /> 
						
						<h:outputText value="Perfil:" styleClass="labelClass"/> 
						<h:selectOneMenu value="#{usuarioBean.usuario.perfil}" styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all">
							<f:selectItems value="#{usuarioBean.perfis}" /> 
						</h:selectOneMenu>    
						
						<p:commandButton value="Salvar"  action="#{usuarioBean.save}" update="listUsuarios" onclick="mpUsuario.hide();" ajax="false"/>
						<p:commandButton value="Cancelar" onclick="mpUsuario.hide();"/>
					</h:panelGrid> 
				</p:panel>
			</h:form>  
         </p:dialog>
            
	</ui:define> 	
</ui:composition>